body{
    background-image: linear-gradient(120deg,#9796F0,#FBC7D4);
    min-height: 100vh;
}

#divTitle{
    text-align: center;
    margin-top: 120px;
}

#divTitle #h01{
    font-family: "Product Sans Black";
    color: rgba(255,255,255,0.4);
    font-size: 45px;
}

#div02{
    text-align: center;
    margin-top: 60px;
}

#inputSearch01{
    width: 500px;
    height: 35px;
    border: none;
    background: none;
    outline: none;
    border-bottom: 2px black solid;
    color: black;
    margin-top: -15px;
    text-align: center;
}

#inputSearch01::placeholder{
    color: black;
}

#inputSearch02:hover{
    color: rgba(74, 69, 69, 0.3);
}


#inputSearch02{
    border-radius: 0px;
    width: 40px;
    height: 40px;
    border: none;
    background-color: rgba(255,255,255,0.0);
    cursor: pointer;
    font-size: 20px;
    margin-top: 5px;
}

#div01{
    text-align: center;
    width: 800px;
    height: 900px;
    margin: 0px auto;
    margin-top: 60px;
}

#div01 .ListName{
    font-family: "Product Sans Black";
    margin-right: 900px;
    margin-top: 25px;
}

.addIcon{
    float: right;
    margin-top: -32px;
    margin-right: 8px;
}

.addIcon:hover{
    color: #aca5a5;
}

table{
    border: none;
    border-spacing: 0px 6px;
    font-family: "Product Sans Black";
    font-size: 15px;
}

td{
    border:none;
    width: 750px;
    height: 40px;
    background-color: rgba(217, 245, 253, 0.4);
}

.tr01{
    font-weight: bold;
}


a{
    text-decoration: none;
}

.addIcon{
    float: right;
    margin-top: -35px;
}

.bannedIcon:hover{
    color: #aca5a5;
}
.alterIcon:hover{
    color: #aca5a5;
}
.deleteIcon:hover{
    color: #aca5a5;
}
.addIcon:hover{
    color: #aca5a5;
}


hr{
    border: 2px black solid;
}